<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建Vue实例</title>
</head>
<body>

    <!-- 准备容器 -->
    <div id="app">
        <!-- 插值表达式 -->
        <h1>{{ message }}</h1>
        <h2>{{ author.name}}</h2>
        <a href="#">{{ count.toUpperCase() }}</a>
    </div>
    
    <!-- 引入包(开发版本) -->
    <script src="./Vue2/vue.js"></script>

    <!-- 创建Vue实例+指定挂载点/提供数据 -->
    <script>
        const app = new Vue({
            el: '#app', // 指定挂载点 什么是挂载点？就是Vue实例要管理的区域
            data: { // 提供数据
                message: 'Hello Vue!',
                count: 'this is sudo-dqr',
                author: {
                    name: 'dqr',
                    github: 'sudo-dqr'
                }
            },
        })
    </script>
</body>
</html>